<template>
    <div class="market_group_pagee">
        <div class="left_nav" ref="leftnav">
            <left-nav ref="ttttt" @changeGroup='changeGroup'></left-nav>
        </div>
        <div class="right_nav" ref="rightnav">
            <right-nav :papaid='fromLeftId'></right-nav>
        </div>
    </div>
</template>

<script>
import leftNav from '@/components/left_nav.vue'
import rightNav from '@/components/right_nav.vue'
import BScroll from 'better-scroll'
export default {
    name: 'marketGroup',
    data() {
        return {
            default_user_img: require('assets/images/default_user.jpeg'),
            default_img: require('assets/images/watchs.jpg'),
            now_step: 2,
            order_data: {},
            fromLeftId: ''
        }
    },
    components: {
        leftNav,
        rightNav
    },
    methods: {
        changeGroup: function (r_id) {
            this.fromLeftId = r_id;
        },
        getSecondList:function(r_id){
            /*
                do something here 
            */
        }
    },
    computed: {

    },
    mounted: function () {
        this.$refs.ttttt.$on('changeGroup', function (msg) {
            alert(msg)
            this.fromLeftId = msg;
            this.getSecondList(msg);
        })
        this.$nextTick(() => {
            
        })
    },

}

</script>

<style scoped>
body {
    background: #f2f2f2;
    margin: 0;
}
</style>
